.classes .info-item {border-bottom:1px dotted #ccc;position:relative;
padding:5px;margin-bottom:10px;}
.classes .info-item .info-header {background-color:whitesmoke;color:#999;line-height:18px;margin:0px;padding:4px;border-left:2px solid #D26911;}
.classes .info-item .info-tool {color:#999;line-height:18px;position:absolute;right:10px;top:10px;
opacity:0.5;filter:alpha(opacity=50);
}
.classes .info-item .info-content {margin-top:5px;}
.classes .info-item .info-footer {text-align:right;margin-top:5px;}
.classes .classes-item {border-bottom:1px dotted #ccc;margin-bottom: 15px;padding:5px;position:relative;}
.classes .classes-item .title{font-size:200%;font-weight:bold;margin-bottom:4px;font-family:Georgia;}
.classes .classes-item .summary{color:#555;}
.classes .classes-item .tool{position:absolute;bottom:5px;right:10px;}
.info-title {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:25px;}
.classes #teachers li {float:left; margin:4px;}
.class-detail li.class-issue {border-bottom:1px dotted #ccc;margin-bottom:10px;padding-bottom:10px;position:relative;}
.class-detail .class-header {background-color:whitesmoke; line-height:30px;padding:2px 8px;}
.class-detail .class-body {padding:5px 60px 0 150px;position:relative;min-height: 60px;}
.class-detail .class-body .class-neednum{position:absolute; left: 2px; top: 10px;border:1px solid #000;padding:0;}
.class-detail .class-body .class-neednum .class-neednum-left{float:left;text-align:center;height:55px;background-color:#ccc;padding:0 4px;margin:0;}
.class-detail .class-body .class-neednum .class-neednum-right{background-color:#fff;color:red;}
.class-detail .class-body .class-neednum .number{font-weight:200%; font-size: 36px;line-height:36px;}
.class-detail .class-body .class-enroll{position:absolute;right:10px;bottom:5px;}
.class-detail .class-enrolled{position:absolute;right:10px;top:5px;opacity:0.5;
filter:alpha(opacity=50);
}
.class-detail .class-students li {float:left; margin:4px;}